.index-box{
		background-color: #FFFFFF;
		max-width: 1200px;
		margin: 0 auto;
		/*  顶部搜索与轮播图  */
		.top-swiper-box{
			background: linear-gradient(#fa436a, #faebee);
			.search-top{
				width: 100%;
				padding: 0 20rpx 40rpx 20rpx ;
			}
			.search-fixed{
				position: fixed;
				top: 0;
				background: #fa436a;
				z-index: 8888;
				max-width: 1200px;
				margin: 0 auto;
			}
			.swiper-box{
				position: relative;
				padding-bottom: 20rpx;
				.swiper-view{
					padding: 0 10rpx;
					
				}
				.swiper-img{
					border-radius: 20rpx 20rpx;
					transition: all 0.3s;
				}
				.current-box{
					position: absolute;
					left: 20rpx;
					bottom: 20rpx;
					.current{
						display: inline-block;
						width: 60rpx;
						height: 8rpx;
						background:#FFFFFF;
					}
					.current-action{
						background: rgba(255,255,255,0.4);
					}
				}
			}
		}
		/*  顶部搜索与轮播图end  */
		
		.cate-box{
			padding: 0 20rpx 40rpx 20rpx;
			width: calc(100% - 40rpx);
			box-shadow: 0 0 10rpx rgba(0,0,0,0.2);
			margin: 40rpx auto 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-end;
			background-color: #FFFFFF;
			border-radius: 6rpx 6rpx;
			&::after {
				content: '';
				min-width: 20%;
				max-width: 20%;
			}
			.cate-gb{
				width: 9vw;
				height: 9vw;
				max-width: 144rpx;
				max-height: 144rpx;
				border-radius: 50% 50%;
				display: inline-block;
				background: #F43530;
				padding: 0;
				margin: 0 0 12rpx 0;
				line-height: 9vw;
				color: #FFFFFF;
				font-size: 32rpx;
				font-weight: bold;
				text-align: center;
			}
			
			.cate-item:nth-of-type(1) .cate-gb{
				background: linear-gradient(#f77062,#fe5295);
			}
			.cate-item:nth-of-type(2) .cate-gb{
				background: linear-gradient(#f9d222,#f83800);
			}
			.cate-item:nth-of-type(3) .cate-gb{
				background: linear-gradient(#d3d398,#c1c161);
			}
			.cate-item:nth-of-type(4) .cate-gb{
				background: linear-gradient(#c0c1c1,#94a6ce);
			}
			.cate-item:nth-of-type(5) .cate-gb{
				background: linear-gradient(#dfa479,#c79081);
			}
			.cate-item:nth-of-type(6) .cate-gb{
				background: linear-gradient(#f6d366,#fda185);
			}
			.cate-item:nth-of-type(7) .cate-gb{
				background: linear-gradient(#ff8177,#b32c5c);
			}
			.cate-item:nth-of-type(8) .cate-gb{
				background: linear-gradient(#ffc3a0,#ffb0bc);
			}
			.cate-item:nth-of-type(9) .cate-gb{
				background: linear-gradient(#ff7eb2,#ff758d);
			}
			.cate-item:nth-of-type(10) .cate-gb{
				background: linear-gradient(#8cd6dd,#b7e1e5);
			}
			
			.cate-item{
				width: 20%;
				text-align: center;
				min-width: 20%;
				max-width: 20%;
				margin-top: 50rpx;
				.cate-img{
					width: 9vw;
					height: 9vw;
					max-width: 144rpx;
					max-height: 144rpx;
					border-radius: 50% 50%;
				}
				.cate-name{
					font-size: 12px;
					color: #3c3c3c;
					font-weight: 500;
				}
			}
		}
		
		.activity-box {
			flex-direction: row;
			padding: 40rpx 20rpx;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			box-sizing: border-box;
			flex-wrap: nowrap;
			.activity-left {
				flex: 2;
				height: 350rpx;
				box-sizing: border-box;
				text-overflow: hidden;
				padding-right: 10rpx;
			}
			
			.activity-right {
				flex: 3;
				height: 350rpx;
			}
			
			.activity-img {
				width: 100%;
				height: 100%;
			}
			
			.activity-blick {
				width: 100%;
				height: 175rpx;
				padding-bottom: 5rpx;
			}
			
			.activity-blick2 {
				padding-top: 5rpx;
				padding-bottom: 0;
			}
		}
		
		
		.like-title{
			width: 100%;
			padding: 0 20rpx 30rpx 20rpx;
			background: #FFFFFF;
			height: 140rpx;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			.like-icon-box{
				padding-right: 20rpx;
				.iconfont {
					color: #F43530;
					font-size: 60rpx;
				}
			}
			.text-box{
				line-height: 1.3;
			}
			.link-text{
				color: #000000;
				font-size: 28rpx;
				line-height: 40rpx;
			}
			.link-sumb{
				color: #999999;
				font-size: 24rpx;
			}
		}
		
		
		.index-goods-list{
			width: 100%;
			padding: 0 20rpx 100rpx 20rpx;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap;
			background-color: #F2F2F2;
			.goods-flex{
				min-width: calc(50% - 10rpx);
				max-width: calc(50% - 10rpx);
				margin-top: 20rpx;
				background-color: #FFFFFF;
				flex-grow: 1;
				border-radius: 12rpx 12rpx;
			}
		}
		
	}